
html, body {
  position: relative;
  height: 100%;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.nanobar {
  .bar {
    background-color: greenyellow;
  }
}

.bolang {
  background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x,
  radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
  background-size: 20px 20px;
  //background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
  cursor: pointer;
  animation: waveflow 1s infinite linear;
  &:hover {

  }
}

@keyframes waveflow {
  from {
    background-position: -10px, 0;
  }
  to {
    background-position: -20px, -20px;
  }
}
